<!--<div class="hero-unit" align="center">
  <h2>Bienvenido a ScrumEgg </h2>
  <p><img src="http://www.gettyicons.com/free-icons/135/eggs/png/128/fried_egg_128.png" class="img-circle"></p>
 
</div>-->


<div class="well">
        <div class="input-append color" data-color="rgb(255, 146, 180)" data-color-format="rgb" id="cp3">
<!--                <input type="text" class="span2" value="" readonly="">-->
                <span class="add-on"><i style="background-color: rgb(222, 193, 202); "></i></span>
        </div>
</div>

<div id="myCarousel" class="carousel slide">
<!--   Carousel items -->
  <div class="carousel-inner">
    <div class="active item">
        <div class="hero-unit" align="center" id="1">
        <h2>Uno</h2>
        <p><img src="http://www.gettyicons.com/free-icons/135/eggs/png/128/fried_egg_128.png" class="img-circle"></p>
        
        </div>
        <div class="carousel-caption">
            <h4>Primero</h4>
            <div class="input-append color" data-color="rgb(255, 146, 180)" data-color-format="rgb" id="cp4">
                <span class="add-on"><i style="background-color: rgb(222, 193, 202); "></i></span>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="hero-unit" align="center">
        <h2>Dos</h2>
        <p><img src="http://www.gettyicons.com/free-icons/135/eggs/png/128/fried_egg_128.png" class="img-circle">
        <img src="http://www.gettyicons.com/free-icons/135/eggs/png/128/fried_egg_128.png" class="img-circle"></p>

        </div></div>
    <div class="item">
        <div class="hero-unit" align="center">
        <h2>Tres</h2>
        <p><img src="http://www.gettyicons.com/free-icons/135/eggs/png/128/fried_egg_128.png" class="img-circle">
        <img src="http://www.gettyicons.com/free-icons/135/eggs/png/128/fried_egg_128.png" class="img-circle">
        <img src="http://www.gettyicons.com/free-icons/135/eggs/png/128/fried_egg_128.png" class="img-circle"></p>

        </div>
    </div>
  </div>
<!--   Carousel nav -->
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>
